@if mgwt.css pretty {
	@external mgwt-ButtonBar;
}



.mgwt-ButtonBar {
	overflow:hidden;
	width: 100%;
	position: relative;
}

@if user.agent safari {
	.mgwt-ButtonBar {
		display: \-webkit-box;
		\-webkit-box-orient: horizontal;
	}
}

@if user.agent gecko1_8 {
	.mgwt-ButtonBar {
		display: \-moz-box;
		\-moz-box-orient: horizontal;
	}
}

@if mgwt.os iphone retina {
	.mgwt-ButtonBar {
		height: 49px;
		border-top: 1px solid rgb(45, 54, 66);
	}
	
	@if user.agent safari {
		.mgwt-ButtonBar {
			background-image: literal('-webkit-gradient(linear, 0% 0%, 0% 50%, from(rgba(176, 188, 205, 1)), to(rgba(129, 149, 175, 1)))');
		}
	}
	@if user.agent gecko1_8 {
		.mgwt-ButtonBar {
			background-image: literal('-moz-linear-gradient(top, rgba(176, 188, 205, 1), rgba(129, 149, 175, 1))');
		}
	}
	
}

@if mgwt.os ipad desktop {
	.mgwt-ButtonBar {
		height: 44px;
		background-color: #B0B4C0;
		border-top: 1px solid #797F90;
	}
	
	@if user.agent safari {
		.mgwt-ButtonBar {
			background-image: literal('-webkit-gradient(linear,left bottom,left top,color-stop(0, #A8ACB9),color-stop(1, #eee))');
		}
	}
	@if user.agent gecko1_8 {
		.mgwt-ButtonBar {
			background-image: literal('-moz-linear-gradient(bottom, #A8ACB9, #eee)');
		}
	}
	
}

@if mgwt.os android android_tablet {
	.mgwt-ButtonBar {
		height: 40px;
		background-color: transparent;
		border-top: 2px solid rgb(82, 163, 196);
	}
	
}

@if mgwt.os blackberry {
	.mgwt-ButtonBar {
		height: 40px;
		background-color: transparent;
		border-top: 1px solid white;
	}
}


.mgwt-ButtonBar .text{
	margin-top: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
		
	font-size: 12px;
	font-weight: bold;
	text-shadow: 0px 1px 0px #333;
	color: white;
}



.mgwt-ButtonBar .spacer{
}

@if user.agent gecko1_8 {
	.mgwt-ButtonBar .spacer{
		\-moz-box-flex: 1;
	}
}

@if user.agent safari {
	.mgwt-ButtonBar .spacer{
		\-webkit-box-flex: 1;
	}
}
